<div class="mui-card animated bounceIn">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-collapse mui-active">
            <a class="mui-navigate-right" href="#">费用查询</a>
            <div class="mui-collapse-content ">
                <form class="mui-input-group" style="padding: 10px;">
                    <!--<div class="mui-input-row">-->
                        <!--<label>开始日期:</label>-->
                        <!--<input type="text" placeholder="普通输入框" ng-model="ticket.id">-->
                        <button class="btn mui-btn mui-btn-primary mui-btn-outlined" ng-click="selectbeginDate();">选择开始日期:{{fybx.begin}}</button>
                    <!--</div>-->
                    <!--<div class="mui-input-row">-->
                        <!--<label>结束日期:</label>-->
                        <!--<input type="text" placeholder="普通输入框" ng-model="ticket.id">-->
                        <button class="btn mui-btn mui-btn-primary mui-btn-outlined" ng-click="selectendDate();">选择结束日期:{{fybx.end}}</button>
                    <!--</div>-->
                    <!--<div class="mui-button-row">-->

                        <!--<a class="mui-btn mui-btn-primary" ng-click="clear();">清空</a>&nbsp;&nbsp;-->
                        <button class="btn mui-btn mui-btn-primary " ng-click="search();" ng-disabled="!fybx.begin && !fybx.end">确认</button>
                    <!--</div>-->
                </form>
            </div>
        </li>
    </ul>
</div>

<!--<div class="mui-card" ng-show="fybx.result.length>0">-->
    <!--<ul class="mui-table-view">-->
        <!--<li class="mui-table-view-cell mui-collapse mui-active">-->
            <!--<a class="mui-navigate-right" href="#">费用明细</a>-->
            <!--<div class="mui-collapse-content ">-->
                <div class="mui-card animated fadeInDown" style="margin:10px;" ng-show="fybx.result.length>0">
                    <div class="mui-card-content">
                        <div class="mui-card-content-inner" style="padding:5px 5px;margin-bottom: 2px;" ng-class-even="{blue:true}" ng-class-odd="{green:true}" ng-repeat="(k,v) in fybx.result">
                            <div class="mui-input-row mui-checkbox">
                                <!--<label style="padding:5px 8px;">费用详情:</label>-->
                                <div class="detail">
                                    <p style="font-size: 14px;color: black" >{{v.zflx}}:{{v.total}}
                                        <button class="mui-btn mui-btn-sm mui-btn-warning"  ng-click="searchdetail(v.zflx);" >明细
                                            <!--<span style="font: #F0AD4E">单号</span>-->
                                        </button>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <!--</div>-->
        <!--</li>-->
    <!--</ul>-->
<!--</div>-->


<div class="mui-content animated fadeInDown"  ng-show="detaillist.length>0" style="margin:10px;">
    <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
        <!--<li class="mui-table-view-cell" ng-repeat="v in detaillist track by $index | orderBy:'date'">-->
        <!--<li class="mui-table-view-cell" ng-repeat="v in detaillist | orderBy:'date'"> orderby带过去的list就不对了-->
        <li class="mui-table-view-cell" ng-repeat="v in detaillist">
            <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-10">
                    <h4 class="mui-ellipsis">{{v.date}}</h4>
                    <h5>{{v.zflx}}:{{v.money}}元</h5>
                    <p class="mui-h5 mui-ellipsis">{{v.content}}</p>
                </div>
                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                    <span class="mui-h5">
                        <button class="btn mui-btn mui-btn-sm mui-btn-danger"  ng-click="deleitem(v.id,$index);">删除</button>
                    </span>
                    <span class="mui-h5">
                        <button class="btn mui-btn mui-btn-sm mui-btn-royal "  ng-click="edititem(v.id,$index);">编辑</button>
                    </span>
                </div>
            </div>
        </li>
    </ul>
</div>

<div class="mui-content animated fadeInDown" ng-show="editobj">
    <div class="mui-card">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active">
                <a class="mui-navigate-right" href="#">修改明细</a>
                <div class="mui-collapse-content ">
                    <button class="btn mui-btn  mui-btn-danger mui-btn-outlined" ng-click="selecteditDate();">请选择日期:{{editobj.date}}</button>

                    <div hdedit-zflx></div>

                    <!--<div hd-cms></div>-->

                    <form class="mui-input-group">
                        <div class="mui-input-row">
                            <label>请输入金额:</label>
                            <input type="text" class="mui-input-clear" placeholder="请输入金额:" ng-model="editobj.money">
                        </div>
                    </form>

                    <form class="mui-input-group">
                        <div class="mui-input-row">
                            <label>请输入内容:</label>
                            <input type="text" class="mui-input-clear" placeholder="请输入内容:" ng-model="editobj.content">
                        </div>
                    </form>

                    <button class="btn mui-btn  mui-btn-danger" style="margin-top: 10px;" ng-click="editsubmit();" ng-disabled="!editobj.money">修改</button>
                    <!--</div>-->
                    <!--</div>-->
                </div>
            </li>
        </ul>
    </div>
</div>